<template>
  <div class="icons">
    <ul>
      <li v-for="(item, index) in iconsList" :key="index">
        <img :src="item.imgUrl" atl="" />
        <span>{{ item.title }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Icons",
  props: {
    iconsList: Array,
  },
  data() {
    return {
      // iconsList:[
      // 	{
      // 		id:1,
      // 		title:"自饮茶",
      // 		imgUrl:require('../../assets/image/icon01.png')
      // 	},
      // 	{
      // 		id:2,
      // 		title:"茶具",
      // 		imgUrl:require('@/assets/image/icon02.png')
      // 	},
      // 	{
      // 		id:3,
      // 		title:"茶礼盒",
      // 		imgUrl:require('@/assets/image/icon03.png')
      // 	},
      // 	{
      // 		id:4,
      // 		title:"领福利",
      // 		imgUrl:require('@/assets/image/icon04.png')
      // 	},
      // 	{
      // 		id:5,
      // 		title:"官方验证",
      // 		imgUrl:require('@/assets/image/icon05.png')
      // 	}
      // ]
    };
  },
  created() {
    // console.log(this.iconsList)
  },
};
</script>

<style scoped lang="less">
.icons {
  padding: 0.4rem 0;

  ul {
    display: flex;
    justify-content: space-around;

    li {
      display: flex;
      flex-direction: column;
      align-items: center;

      img {
        width: 1.1rem;
      }
      span {
        font-size: 0.38rem;
      }
    }
  }
}
</style>
